﻿.data-table-container {
    width: 100%;
}
.data-table {
    width: 100%;
    border-collapse: collapse;
    margin: 2px;
}

    .data-table td, .data-table th {
        border: 1px solid #BCBCBC;
        padding: 3px 7px 2px 7px;
    }

    .data-table thead {
        color: black;
        text-align: left;
    }

        .data-table thead tr th {
            background-color: #F0F0F0;
        }

    .data-table tr:nth-child(even) {
        background-color: #FFFFFF;
    }

    .data-table tr:nth-child(odd) {
        background-color: #FFFFFF;
    }

    .data-table tfoot {
        text-align: left;
        background: #F0F0F0;
    }

        .data-table tfoot tr th {
            background: #F0F0F0;
        }


.detail-form .data-table {
    margin-bottom: 10px;
}

.detail-row {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}

    /*.detail-row:hover {
        background-color: #F0F0F0;
    }*/

    .detail-row td {
        padding-top: 4px;
    }
